<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<div id="toolbar">
    <div style="padding: 5px; background-color: #fff;">
        <label>商品标题：</label>
        <input class="easyui-textbox" type="text" id="title" name="title">
        <label>商品状态：</label>
        <select id="status" class="easyui-combobox" name ="status">
            <option value="0">全部</option>
            <option value="1">正常</option>
            <option value="2">下架</option>
        </select>
        <!--http://www.cnblogs.com/wisdomoon/p/3330856.html-->
        <!--注意：要加上type="button",默认行为是submit-->
        <button onclick="searchForm()" type="button" class="easyui-linkbutton">搜索</button>
    </div>
    <div>
        <button onclick="add()" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">新增</button>
        <button onclick="edit()" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true">编辑</button>
        <button onclick="remove()" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true">删除</button>
        <button onclick="down()" class="easyui-linkbutton" data-options="iconCls:'icon-down',plain:true">下架</button>
        <button onclick="up()" class="easyui-linkbutton" data-options="iconCls:'icon-up',plain:true">上架</button>
    </div>
</div>
<table id="listItemDg"></table>

<script>
    function add(){
        myShop.addTab('新增商品','item-add')
    }
    function edit(){
        console.log('edit');
    }
    function remove(){
        var selections = $('#listItemDg').datagrid('getSelections');
        if(selections.length==0){
            //客户没有选择
            $.messager.alert('警告','请先选择在做操作');
            return;
        }
        //客户至少选择1条
        $.messager.confirm('确认','您是否真的要删除记录',function (r) {
            if(r){
                //先定义存放id的数组
                var ids = [];
                //将selections中的每个id 存放数组中push方法
                for(var i =0;i<selections.length;i++){
                    ids.push(selections[i].id)
                }
                //异步将id传到后台进行数据操作
                $.post(
                    //第一参数url:异步请求提交到后台，字符串类型
                    'item/batch',
                    //第二参数data;异步提交的数据 object 对象
                    {'ids[]':ids},
                    //第三参数success:异步处理成功后回调函数 function
                    function(data){
                        if(data>0){
                            $('#listItemDg').datagrid('reload');
                        }
                    }

                );
            }
        });
    }
    function down(){
        var selections = $('#listItemDg').datagrid('getSelections');
        if(selections.length==0){
            //客户没有选择
            $.messager.alert('警告','请先选择在做操作');
            return;
        }
        //客户至少选择1条
        $.messager.confirm('确认','您是否真的要下架商品',function (r) {
            if(r){
                //先定义存放id的数组
                var ids = [];
                //将selections中的每个id 存放数组中push方法
                for(var i =0;i<selections.length;i++){
                    ids.push(selections[i].id)
                }
                //异步将id传到后台进行数据操作
                $.post(
                    //第一参数url:异步请求提交到后台，字符串类型
                    'item/batchDown',
                    //第二参数data;异步提交的数据 object 对象
                    {'ids[]':ids},
                    //第三参数success:异步处理成功后回调函数 function
                    function(data){
                        if(data>0){
                            $('#listItemDg').datagrid('reload');
                        }
                    }

                );
            }
        });
    }
    function up(){
        var selections = $('#listItemDg').datagrid('getSelections');
        if(selections.length==0){
            //客户没有选择
            $.messager.alert('警告','请先选择在做操作');
            return;
        }
        //客户至少选择1条
        $.messager.confirm('确认','您是否真的要上架商品',function (r) {
            if(r){
                //先定义存放id的数组
                var ids = [];
                //将selections中的每个id 存放数组中push方法
                for(var i =0;i<selections.length;i++){
                    ids.push(selections[i].id)
                }
                //异步将id传到后台进行数据操作
                $.post(
                    //第一参数url:异步请求提交到后台，字符串类型
                    'item/batchUp',
                    //第二参数data;异步提交的数据 object 对象
                    {'ids[]':ids},
                    //第三参数success:异步处理成功后回调函数 function
                    function(data){
                        if(data>0){
                            $('#listItemDg').datagrid('reload');
                        }
                    }

                );
            }
        });
    }

    function searchForm() {
        $('#listItemDg').datagrid('load',{
            title: $.trim($('#title').val()),
            status:$('#status').combobox('getValue')
        });
    }



    $(function () {

        $('#listItemDg').datagrid({
            //多行排序
            multiSort:true,
            //加载业务按钮
            toolbar:'#toolbar',
            //这是表格属性
            url: 'items',
            //提交方式（GET）
            method:'get',
            //斑马线(隔行换色)
            striped: true,
            //选项卡高度
            height:650,
            //分页
            pagination: true,
            pageSize: 20,
            pageList: [20, 50, 100],
            //可以自动在父容器的最大范围内调整大小
           // fit:true,
            columns: [[
                {field: 'ck',checkbox: true},
                {field: 'id', title: '商品编号',sortable:true},
                {field: 'title', title: '商品标题',sortable:true},
                {field: 'status',title :'商品状态',formatter:function (v,r,i) {
                    console.group();
                        console.log(v);
                        console.log(r);
                        console.log(i);
                    console.groupEnd();
                    switch (v){
                        case 1:
                            return '正常';
                            break;
                        case 2:
                            return '下架';
                            break;
                        case 3:
                            return '删除';
                            break;
                        default :
                            return'未知';
                            break;
                    }
                }},

                {field: 'sellPoint', title: '商品卖点'},
                {field: 'catName', title: '分类名称'},
                {
                    field: 'created', title: '创建时间', formatter: function (v, r, i) {
                    return moment(v).format('L');
                }
                },
                {field: 'priceView',title:'价格', sortable:true }
            ]]
        });
    });

</script>